<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的品优购</title>
    <!-- 图标制作 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 引入css初始化css样式 -->
    <link rel="stylesheet" href="style.css/base.css">
    <!-- 引入css公共样式css -->
    <link rel="stylesheet" href="style.css/common.css">
    <!-- 引入css index 样式 css -->
    <link rel="stylesheet" href="style.css/index.css">

    <!-- 引入声明变量 iconfont.css -->
    <link rel="stylesheet" href="fonts/iconfont.css">

</head>

<body>
    <!-- 快捷导航 shortcut start  -->
    <div class="shortcut">
        <div class="w">
            <div class="left fl">
                <span>品优购欢迎您！</span><a href="javasript:;">请登录</a><a href="javasript:;" class="style-red">免费注册</a>
            </div>
            <div class="right fr">
                <ul>
                    <li><a href="javasript:;">我的订单</a></li>
                    <li><a href="javasript:;">我的品优购<span class="iconfont ">&#xe649;</span></a></li>
                    <li><a href="javasript:;">品优购会员</a></li>
                    <li><a href="javasript:;">企业采购</a></li>
                    <li><a href="javasript:;">关注品优购<span class="iconfont ">&#xe649;</span></a></li>
                    <li><a href="javasript:;">客户服务<span class="iconfont ">&#xe649;</span></a></li>
                    <li><a href="javasript:;">网站导航<span class="iconfont ">&#xe649;</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 快捷导航 shortcut end  -->

    <!-- header 头部区域 start  -->
    <header class="header w">
        <div class="logo">
            <h1><a href="index.html" title="品优购商城">品优购商城</a></h1>
        </div>
        <!-- seach 文本框 start -->
        <div class="seach">
            <input type="search" name="" id="" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <!-- seach 文本框 end -->

        <!-- 购物车 部分  start  -->
        <div class="Mycar">
            <span class="iconfont  icon-gouwuche1"></span>
            <span>我的购物车</span>
            <span class="iconfont  icon-iconfontjiantou5"></span>
            <em>8</em>
        </div>
        <!-- 购物车 部分 end -->

        <!-- hotwords 部分  start -->
        <div class="hotwords">
            <a href="javasript:;" class="style-red">优惠购首发 </a>
            <a href="javasript:;">亿元优惠 </a>
            <a href="javasript:;">9.9元团购</a>
            <a href="javasript:;">美满99减30</a>
            <a href="javasript:;">办公用品 </a>
            <a href="javasript:;">电脑 </a>
            <a href="javasript:;"> 通信 </a>
        </div>
        <!-- hotwords 部分  end -->
    </header>
    <!-- header 头部区域  end  -->

    <!-- nav 部分 start  -->
    <div class="nav">
        <div class="w">
            <!-- 下拉列表dropdown -->
            <div class="dropdown ">
                <div class="dd">全部商品分类 </div>
                <div class="dt">
                    <ul>
                        <li><a href="javasript">家用电器</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">手机、数码、通信</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">电脑、办公</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">家居、家具、家装、厨具</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">男装、女装、童装、内衣</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">个户化妆、清洁用品</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">鞋靴、箱包、珠宝</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">运动户外、钟表</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">汽车、汽车用品</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">母婴、玩具乐器</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">食品、酒类、生鲜、特产</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">医药保健</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">图书、音像、电子书</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">彩票、旅行、充值、票务</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                        <li><a href="javasript">理财、众筹、白条、保险</a>
                            <span class="iconfont icon-iconfontjiantou5"></span></li>
                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="javascript">服装城 </a></li>
                    <li><a href="javascript">美妆馆</a></li>
                    <li><a href="javascript">传智超市</a></li>
                    <li><a href="javascript">全球购 </a></li>
                    <li><a href="javascript">闪购 </a></li>
                    <li><a href="javascript">团购</a></li>
                    <li><a href="javascript">拍卖</a></li>
                    <li><a href="javascript">有趣</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- nav 部分 end  -->
    <div class="w">
        <!-- main 部分 start -->
        <div class="main">
            <div class="focus fl">
                <ul>
                    <li class="img1">
                        <a href="javascript"><img src="uploads/focus1.png" alt=""></a>
                    </li>
                    <li class="img2">
                        <a href="javascript"><img src="uploads/focus1.png" alt=""></a>
                    </li>

                </ul>
            </div>
            <div class="news fr">
                <div class="newsflash">
                    <div class="more">
                        <span>品优购快报</span>
                        <a href="index.html"><span>更多</span><em class="iconfont icon-iconfontjiantou5"></em></a>
                    </div>
                    <!-- 优惠 -->
                    <div class="discounts">
                        <ul>
                            <li><a href="index.html"></a><strong>[特惠]</strong><i>备战开学季 全民半价购物码</i></a></li>
                            <li><a href="index.html"></a><strong>[特惠]</strong><i>备战开学季 全民半价购物码</i></a></li>
                            <li><a href="index.html"></a><strong>[特惠]</strong><i>备战开学季 全民半价购物码</i></a></li>
                            <li><a href="index.html"></a><strong>[特惠]</strong><i>备战开学季 全民半价购物码</i></a></li>
                            <li><a href="index.html"></a><strong>[特惠]</strong><i>备战开学季 全民半价购物码</i></a></li>
                        </ul>
                    </div>

                </div>
                <div class="lifes">
                    <ul>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                        <li><a href="javascript"><span>话费</span></a></li>
                    </ul>
                </div>
                <div class="cheap">
                    <a href="javascript"><img src="uploads/bargain.png" alt=""></a:>
                </div>
            </div>
        </div>
        <!-- main 部分 end -->

        <!-- 今日推荐 start -->
        <div class="today  w">
            <!-- clock 时钟 -->
            <div class="clock">
                <span><img src="images/clock.png" alt=""></span>
                <p>今日推荐</p>
            </div>
            <div class="product clearfix">
                <ul>
                    <li><a href="javascript"><img src="./uploads/recom_03.jpg" alt=""></a></li>
                    <li><a href="javascript"><img src="./uploads/recom_03.jpg" alt=""></a></li>
                    <li><a href="javascript"><img src="./uploads/recom_03.jpg" alt=""></a></li>
                    <li><a href="javascript"><img src="./uploads/recom_03.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 今日推荐 end -->
    </div>
    <!-- 页脚部分 start -->
    <div class="footer">
        <div class="w">
            <div class="help">
                <ul>
                    <li>
                        <a href="javascript:;"></a>
                        <span>正品保障</span>
                        <p>正品保障，提供发票</p>
                    </li>
                </ul>
            </div>
            <div class="serve">购物指南</div>
            <div class="address">地址</div>
        </div>
    </div>
    <!-- 页脚部分 end-->
</body>

</html>